<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
</head>
<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}
</style>
<body>
<div style="background-color: #f8f8f8;width: 100%;height: 100vh;position: relative;">
	<div style="display: flex;flex-direction: column;margin: 16px;">
		<!--par1 -->
		<div
				style="border-radius: 16px;display: flex;flex-direction: column;background: #fff;padding: 16px;box-shadow: 0px 2px 5px 0px rgba(137,166,160,0.08);margin-bottom:12px ;">
			<h3 style="color: #333;font-size: 18px;">{$info.subject.name}</h3>
			<div style="display: flex;flex-direction: row;align-items: center;">
				<span style="color: #666;font-size: 14px;padding-top: 6px;padding: bottom 4px; ">测评时间：{$info.examtime_text}</span>
			</div>
			<div style="display: flex;flex-direction: row;align-items: center;">
				<span style="color: #666;font-size: 14px; ">测评人：{$info.username} {$info.usermobile}</span>
			</div>
		</div>
		<!-- part2-->
		<div
				style="border-radius: 16px;display: flex;flex-direction: column;background: #fff;padding: 18px 16px;box-shadow: 0px 2px 5px 0px rgba(137,166,160,0.08);">
			<h3 style="color: #333;font-size: 16px;padding-bottom:8px ;">测评结果</h3>
			<p style="font-size: 18px;font-weight: 600;color: #333;padding-bottom: 20px;">
				{volist name='info.report.score'  id='vo'}
				<span style="margin-right: 10px">{$vo.title}:{$vo.score}	{if condition='$key < count($info.report.score)-1'},{/if}</span>
				{/volist}
				</p>

			<div style="text-align: left">
			<img src="{$info.chartimg}" style="width: 600px;height:auto;margin: 0 auto;margin-bottom: 30px;" />
			</div>
			<h3 style="color: #333;font-size: 16px;padding-bottom:8px;">结果说明：</h3>
			{volist name='info.report.score' id='v2'}
			<div style="padding-bottom: 8px;">
				<div style="display: flex;flex-direction: row;align-items: center;padding-bottom: 4px;">
					<p style="color: #666666;font-size: 14px;">
						<span style="color:#333;font-weight: 500;">{$v2.title}：</span>
						得分{$v2.score}
					</p>
				</div>
				<div style="display: flex;flex-direction: row;align-items: center;">
					<p style="color: #999;font-size: 14px;">
						<span style="color:#333;font-weight: 500;line-height: 25px;">说明：</span>
						{$v2.desc|raw}
					</p>
				</div>
			</div>
			{/volist}
		</div>
	</div>
</body>
</html>
